<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>学生夜宵点餐系统 - 学生主页</title>
    <link rel="stylesheet" href="../css/style.css">
</head>
<body>
    <header>
        <div class="header-container">
            <h1>学生夜宵点餐系统</h1>
            <div class="user-info">
                <span id="username">欢迎，学生</span>
                <button id="logoutBtn" class="btn-logout">退出登录</button>
                <button id="cartBtn" class="btn-cart">购物车(<span id="cartCount">0</span>)</button>
            </div>
        </div>
    </header>
    
    <div class="container">
        <div class="search-container">
            <input type="text" id="searchInput" placeholder="搜索菜品...">
            <button id="searchBtn" class="btn-search">搜索</button>
        </div>
        
        <div class="food-list">
            <h2>菜品列表</h2>
            <div id="foodItems" class="food-items">
                <!-- 菜品项将通过JavaScript动态加载 -->
            </div>
        </div>
    </div>
    
    <!-- 购物车模态框 -->
    <div id="cartModal" class="modal">
        <div class="modal-content">
            <span class="close">&times;</span>
            <h2>购物车</h2>
            <div id="cartItems" class="cart-items">
                <!-- 购物车内容将通过JavaScript动态加载 -->
            </div>
            <div class="cart-total">
                <span>总计：¥<span id="cartTotal">0.00</span></span>
                <button id="checkoutBtn" class="btn-checkout">去结算</button>
            </div>
        </div>
    </div>
    
    <!-- 通用反馈模态框 -->
    <div id="feedbackModal" class="modal">
        <div class="modal-content">
            <div class="feedback-icon" id="feedbackIcon"></div>
            <h2 id="feedbackTitle"></h2>
            <p id="feedbackMessage"></p>
            <button id="feedbackConfirmBtn" class="btn-view-orders">确定</button>
        </div>
    </div>
    
    <script src="../js/student_home.js"></script>
</body>
</html>